﻿<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="payment.aspx.cs" Inherits="WebSite.MailBox.payment" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鸵鸟邮箱——在线支付</title>
<link href="styles/layout2.css" rel="stylesheet" type="text/css" />
<link href="styles/wysiwyg.css" rel="stylesheet" type="text/css" />
<link href="themes/blue/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src='scripts/functions.js'></script>
<style type="text/css">
.flow-steps {
	overflow: hidden;
	margin: 20px;
}

.flow-steps .num3 li {
	width: 301px;
}

.flow-steps .num4 li {
	width: 222px;
}

.flow-steps .num5 li {
	width: 175px;
}

.flow-steps .num6 li {
	width: 143px;
}

.flow-steps li {
	float: left;
	background: #c5c5c5 url('./img/flow_steps_bg.png') no-repeat 100% 0;
	font-size: 14px;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	text-align: center;
	color: #404040;
	padding: 0 15px 0 0;
	overflow: hidden;
}

.flow-steps li span,.flow-steps li strong {
	display: block;
}

.flow-steps li .first {
	background: #c5c5c5 url('./img/flow_steps_bg.png') no-repeat -12px -69px;
}

.flow-steps li.last {
	background-position: 100% -138px;
}

.flow-steps li.current {
	background-color: #f60;
	color: #fff;
}

.flow-steps li.current .first {
	background-color: #f60;
	background-position: -12px -92px;
}

.flow-steps li.current-prev {
	background-position: 100% -23px !important;
}

.flow-steps li.done {
	background-color: #ffe6ba;
	background-position: 100% -46px;
	color: #f60;
}

.flow-steps li.done .first {
	background-color: #ffe6ba;
	background-position: -12px -115px;
}

.flow-steps li.last-current {
	background-color: #f60;
	color: #fff;
	background-position: 100% -161px;
}
</style>
<script type="text/javascript">
    window.onload = function () {
        document.getElementById('totalorders').innerHTML = document
				.getElementById('pnums').value
				* document.getElementById('pprice').innerText;
    }
    function changetotalprdersprice() {
        var num = document.getElementById('pnums').value;
        var numarr = num.match(/^[0-9]+$/);
        if (num < 1) {
            alert('订购数量必须为大于1的整数！');
            document.getElementById(numid).value = 1;
        } else if (numarr == null) {
            alert('订购数量必须为大于1的整数！');
            document.getElementById(numid).value = 1;
        }
        document.getElementById('totalorders').innerHTML = document
				.getElementById('pnums').value
				* document.getElementById('pprice').innerText;
    }
    function changetotalprdersprice1(id, priceid, numid) {
        var num = document.getElementById(numid).value;
        var numarr = num.match(/^[0-9]+$/);
        if (num < 1 && num != 0) {
            alert('订购数量必须为大于1的整数！');
            document.getElementById(numid).value = 1;
        } else if (numarr == null && num != 0) {
            alert('订购数量必须为大于1的整数！');
            document.getElementById(numid).value = 1;
        }
        document.getElementById(id).innerHTML = document.getElementById(numid).value
				* document.getElementById(priceid).innerText;
        gettotalprice();
    }
    function gettotalprice() {
        var listt = 0;
        document.getElementById('listtotalhidden').value = document
				.getElementById('listtotal').value;
    }
</script>

<script type="text/javascript">
    function check() {
        if (document.orders.pname.value.length == 0) {
            alert("请输入用户账号!");
            document.orders.pname.focus();
            return false;
        }

        if (document.orders.telphone.value.length == 0) {
            alert("请输入联系电话!");
            document.orders.telphone.focus();
            return false;
        }

        if (document.orders.address.value.length == 0) {
            alert("请输入联系qq!");
            document.orders.address.focus();
            return false;
        }
        return true;
    }
</script>
</head>
<body style="margin-left: 10px;">
	<form id="form1" runat="server">
		<br /> <strong>您所在位置：鸵鸟邮箱>>在线支付>>订单</strong>
		<div class="contentcontainer med left">
			<div class="flow-steps">
				<ol class="num5">
					<li class="done current-prev"><span class="first">1.
							价格浏览</span></li>
					<li class="current"><span>2. 核对订单信息</span></li>
					<li><span>3. 提交订单</span></li>
				</ol>
			</div>
			<form action="/index.php?case=archive&act=orders&aid=277" id="orders"
				name="orders" method="post" onclick="gettotalprice();"
				onsubmit="return check()">
				<table width="100%" border="0" cellpadding="10" cellspacing="0"
					bordercolor="#e5e5e5" style="border-collapse: collapse;"
					bgcolor="#f5f5f5">
					<tr class="alt">
						<td
							style="border-bottom-style: none; width: 30%; height: 24px; font-size: 14px"><strong>产品名称：</strong></td>
						<td
							style="border-bottom-style: none; width: 70%; height: 24px; font-size: 14px">付费邮箱业务</td>
					</tr>
					<tr class="alt">
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px"><strong>产品价格：</strong></td>
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px"><span
							id="pprice">300</span> 元</td>
					</tr>
					<tr class="alt">
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px"><strong>用户账号：</strong></td>
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px">
							<input type="text" size="20" name="pname"
							style="width: 269px; margin-left: 211px;" /> <font color="green">请填写享受付费业务的用户账号</font>
						</td>
					</tr>
					<tr class="alt">
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px"><strong>联系电话：</strong></td>
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px">
							<input type="text" size="20" name="telphone"
							style="width: 269px; margin-left: 202px;" /> <font color="green">例如：86-0731-88855699-01</font>
						</td>
					</tr>
					<tr class="alt">
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px"><strong>联系QQ：</strong></td>
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px">
							<input type="text" size="20" name="postcode"
							style="width: 269px; margin-left: 133px;" /><font color="green">例如：
								364087829 </font>
						</td>
						</td>
					</tr>
					<tr class="alt">
						<td align="right"
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px"><strong>支付方式：</strong></td>
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px;">
							<div>
								<input name="payname" type="radio" value="alipay"
									checked="checked" /><strong>支付宝</strong> 费率：0%<br />
							</div>
						</td>
					</tr>
					<tr class="alt">
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px"><strong>订单留言：</strong></td>
						<td
							style="border-top-style: none; border-bottom-style: none; height: 24px; font-size: 14px"
							valign="top"><textarea name="content" cols="41" rows="7"
								style="width: 269px; margin-left: 29px;"></textarea> <br /></td>
					</tr>
					<tr class="alt">
						<td style="border-top-style: none;"></td>
						<td style="border-top-style: none;"><input type="submit"
							name="submit" value=" 确认 " /> <input type="reset" value=" 重置 " />
						</td>
					</tr>
				</table>
			</form>
		</div>
	</form>
</body>
</html>
